<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>超短期预报</title>
	<link rel="stylesheet" href="../css/fileinput.min.css" />
	<link rel="stylesheet" href="../js/bootstrap/bootstrap-table/extensions/editable/css/bootstrap-editable.css" />
	<link rel="stylesheet" href="../js/bootstrap/css/bootstrap.min.css">
	<!--<link rel="stylesheet" th:href="@{/css/main.css}">-->
	<link rel="stylesheet" href="../css/page.css">
	<link rel="stylesheet" href="../js/bootstrap/datetimePicker/css/bootstrap-datetimepicker.css">
	<link rel="stylesheet" href="../js/bootstrap/bootstrap-table/bootstrap-table.css">
	<!--layer upload -css-->
	<!--使用layui日期控件的样式-->
	<link rel="stylesheet" href="../js/layer/css/layui.css">
	<link rel="stylesheet" href="../css/frame.css">
</head>
<body style="background-color: transparent;">
<div class="index-tools-top index-tools-top2" style="color: #fff; margin-bottom: 10px;">
	<div class="index-tools-tips clearfix">
		<div class="fl">
			<span class="index-tips-name">超短期预报</span>
		</div>
		<div style="float: left;margin-left: 50px">
			<select id="cf" style="height: 30px; background-color: #192634;color: #fff">
				<option value="120" selected="selected">第120分钟预报</option>
				<option value="240">第240分钟预报</option>
			</select>
		</div>
		<div class="index-tips-right fr">
			<span class="fl" style="line-height: 30px;float: left;">装机容量：</span><input id="installcapa"
																					   class="form-control input-sm"
																					   value="" style="width: 75px;">
			<label>开始时间：</label>
			<input id="startTime" type="text" class="form-control input-sm" th:value="${start}"/>
			<label>结束时间：</label>
			<input id="endTime" type="text" class="form-control input-sm" th:value="${end}"/>
			<a id="query" class="btn btn-sm btn-info">查看</a>
		</div>
	</div>
</div>

<!--风功率曲线图-->
<div id="main" style="height: 500px; margin-bottom: 10px; min-width: 100%"></div>
<div class="main">
	<!--wapper main-->
	<div class="wapper-main">
		<!--wapper right-->
		<div class="wapper-main-right">
			<!--user mains-->
			<!--不要复制第一个 默认显示第一个样式添加了 display: block;-->
			<div id="user-01-main" class="wapper-main-boxes" style="display: block;">
				<!--<div class="index-tools-top index-tools-top2">
					&lt;!&ndash;<div class="index-tools-tips clearfix">
						<div class="fl">
							<span class="index-tips-name">表格数据展示</span>
						</div>
						<div class="fr">
							&lt;!&ndash;<button type="button" name ="file" class="layui-btn" id="test1">
                                 <i class="layui-icon">&#xe67c;</i>上传图片
                             </button>&ndash;&gt;
							&lt;!&ndash;
                            <a id="btn-add" class="btn btn-sm btn-success" >增加</a>
                            <a id="btn-delete" class="btn btn-sm btn-danger">删除</a>
                            <a id="btn-edit" class="btn btn-sm btn-warning" >修改</a>&ndash;&gt;
							&lt;!&ndash;<a id="btn-view" class="btn btn-sm btn-info">查看</a>&ndash;&gt;
							&lt;!&ndash;<a id="btn-output" name ="file" class="btn btn-sm btn-warning"
                               onClick ="$('#shortPeriod').tableExport({ type: 'excel',escape: 'false'})">数据导出>></a>&ndash;&gt;
						</div>
					</div>&ndash;&gt;
				</div>-->
				<div class="index-tools-bottom" style="min-height: 340px;height: 100%">
					<table id="superShortPeriod">
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="../js/jquery-1.12.0.min.js"></script>
<script src="../js/main/uibase.js"></script>
<!--<script src="/js/echarts-all.js" ></script>-->
<script src="../js/echarts.js"></script>
<!--bootstrap table表格-->
<script src="../js/bootstrap/js/bootstrap.min.js"></script>
<script src ="../js/bootstrap/bootstrap-table/extensions/editable/bootstrap-editable.js"></script>

<script src="../js/bootstrap/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../js/bootstrap/bootstrap-table/local/bootstrap-table-zh-CN.min.js"></script>
<script src="../js/layer/layer.js"></script>
<script src ="../js/bootstrap/datetimePicker/js/bootstrap-datetimepicker.js"></script>
<script src ="../js/bootstrap/datetimePicker/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src ="../js/bootstrap/bootstrap-table/extensions/editable/bootstrap-table-editable.js"></script>
<script src="../js/bootstrap/bootstrap-tableExport/tableExport.js"></script>
<script src="../js/bootstrap/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
<!--使用layer日期控件-->
<script src="../js/layer/layui.js"></script>
<script src="../js/page/powerForecast/superShortPeriod.js"></script>
</body>
</html>
